<ui:composition template="../template/principal_01.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui" >


    <ui:define name="panelIzquierdo">
        <ui:include src="../inventario/menuGeneral.xhtml" />
    </ui:define>

    <ui:define name="panelDerecho">
        <h:form id="frmStockDepositos" prependId="false">
            <p:panel header="#{msgs.stockDepositos}" style="min-height: 500px;"> 
                <h:panelGrid columns="2">
                    <h:outputText value="#{msgs.deposito}: " />
                    <h:selectOneMenu value="#{stockDepositosBean.deposito}"  
                                     converter="#{inventarioStockBean.conversorDepositos}">
                        <f:selectItems var="de" itemValue="#{de}" itemLabel="#{de.descripcion}" value="#{stockDepositosBean.depositos}" />
                        <p:ajax update="checkActivo,formulario" listener="#{stockDepositosBean.listarCronologia}" />
                    </h:selectOneMenu>  
                    <h:outputText value="#{msgs.activo}: " />
                    <h:selectBooleanCheckbox disabled="true" id="checkActivo" value="#{stockDepositosBean.deposito.activo}" />
                </h:panelGrid>
                <br/>
                <p:dataTable id="tablaProductos" value="#{stockDepositosBean.stockDeposito}" var="prd"
                             emptyMessage="#{msgs.noEncontraronProductos}" paginatorAlwaysVisible="false"
                             rows="10" paginator="true">

                    <p:column headerText="#{msgs.serie}"
                              sortBy="#{prd.serie}"
                              style="width: 50px;" >
                        <h:outputText value="#{prd.serie}" />
                    </p:column>
                    <p:column headerText="#{msgs.descripcion}"
                              sortBy="#{prd.producto.descripcion}">
                        <h:outputText value="#{prd.producto.descripcion}" />
                    </p:column>

                    <p:column headerText="#{msgs.pcc_UM}"
                              sortBy="#{prd.unidadMedida}">
                        <h:outputText value="#{prd.unidadMedida}" />
                    </p:column>
                    <p:column headerText="#{msgs.pcc_cantidad}"
                              style="width: 50px;" >
                        <h:outputText value="#{prd.cantidad}" />
                    </p:column>
                </p:dataTable>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>